<template>
    <div> 
        <header class="customHeaderStyle opacity_title" style="position:relative;">
            <div class="go-back" @click.stop="goBack">
				<i></i>
				<i></i>
				<i></i>
			</div>
			<div class="headerCustomTitle">收货地址</div>
			<div id="add_address" class="aui-pull-right text-del" @click.stop="goAddAddress">新增地址</div>
        </header>
    </div> 
</template>
<script>
	import {mapMutations} from 'vuex'
    export default {
        props: {
            goAddAddress: {
                type: Function,
                default: ()=>{}
            },
            goBack: {
            	type: Function,
                default: ()=>{}
            }
        },
        data () {
            return {
                pageTree: []
            }
        },
        computed:{
       
        },
        methods: {
        	
        },
        created () {
            // this.pageTree = getPageTree(this, "index");
            // console.log(this.pageTree);
        },
        mounted () {

        }
    }
</script>
<style scoped>
    .customHeaderStyle{
		position: relative;
		background: #fff;
		min-height: 3rem;
		border-bottom: 1px solid #eaeaea;
		color: #444;
		font-weight: 700;
		left: 0;
		top: 0;
		line-height: 2.25rem;
		/* z-index: 2; */
		width: 100%;
		font-size: .9rem;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.headerCustomTitle{
		overflow: hidden;
		right: 6rem;
		font-weight: 500;
		min-height: 2.25rem;
		position: absolute;
		margin: 0;
		text-align: left;
		white-space: nowrap;
		left: 3rem;
		width: auto;
		text-overflow: ellipsis;
		z-index: 2;
		font-size: 1.1rem;
		margin-top: .35rem;
		top: 1px;
	}
</style>